/* pages/index/index.wxss */

.flex-item {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.section__title {
  margin-bottom: 5px;
}

/** 修改button默认的点击态样式类**/

.button-hover {
  background-color: red;
}

/** 添加自定义button点击态样式类**/

.other-button-hover {
  background-color: blue;
}

.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.userinfo-nickname {
  color: #aaa;
}

.container {
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 0;
  box-sizing: border-box;
}

.allmyview {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 0;
  box-sizing: border-box;
}

.itemcontent {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 11pt;
  color: black;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  align-items: center;
}

.itemtitle {
  width: 50%;
  height: 60px;
  line-height: 60px;
  text-align: left;
  font-size: 16pt;
  color: black;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  align-items: center;
}

.hideview {
  display: none;
  top: 0rpx;
  width: 100%;
  height: 100%;
  background-color: clear;
}
.showview {
  top: 0rpx;
  width: 100%;
  height: 100%;
  background-color: clear;
}

.pagebtn {
  height: 60rpx;
  width: 100%;
  background-color: #b37343;
  font-size: 30rpx;
}

.leaderboardbtn {
  height: 60rpx;
  width: 20%;
  background-color: #b37343;
  font-size: 30rpx;
}

.leaderboardview {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 0;
  box-sizing: border-box;
  display: flex;
}

.cellview {
  width: 100%;
  height: 65rpx;
  flex-direction: column;
  align-items: center;
  padding: 0rpx 0rpx;
  display: flex;
  margin-top: 2rpx;
  margin-bottom: 2rpx;
  padding-bottom: 2rpx;
  border-bottom: 1rpx solid #ba8d60;
}
.cellitem0 {
  height: 60rpx;
  width: 60rpx;
  font-size: 14px;
}
.cellitem1 {
  height: 60rpx;
  width: 40%;
  font-size: 14px;
}
.cellitem2 {
  height: 60rpx;
  width: 30%;
  font-size: 14px;
}
.cellitem3 {
  height: 60rpx;
  width: 20%;
  font-size: 14px;
}

page {
  background-color: '#eabe79';
  background-image: url('/images/bg_room.png');
  height: 100%;
}
